<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko">
<head>	
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>오프라인매장 | 가맹점 찾기</title>
	<link rel="stylesheet" type="text/css" href="css/common.css" />
	<script type="text/javascript" src="js/jquery.custom_radio_checkbox.js"></script>	
	<script type="text/javascript" src="js/jquery-1.9.1.js"></script>	
	<script type="text/javascript" src="js/ui_script.js"></script>
	<script type="text/javascript" src="js/sub.js"></script>
</head>
 
<body class="offline">			
	<div id="wrap">		
		<?include "include/header.html"?>
		<?include "include/banner.html"?>
		<?include "include/gnb.html"?>
		<div id="containerCont">
			<!-- 컨텐츠영역 시작 -->
			<div id="cont" class="content realCont fix">
				<div class="leftMenu">
				<h2 class="title"><!-- 2014-05-13 타이틀 텍스트로 변경 -->
					오프라인매장
				</h2>
				<ul>
					<li><a href="#">제휴브랜드</a></li>
					<li class="on">가맹점 찾기</li>
				</ul>
				<ul class="smallBanner">
					<li class="bg1">
						<strong><img src="images/smallbanner_txt1.png" alt="사용등록" /></strong>
						<p><img src="images/smallbanner_txt1_1.png" alt="알뜰하고 꼼꼼한 혜택 지킴이" /></p>
					</li>
					<li class="bg2">
						<strong><img src="images/smallbanner_txt2.png" alt="카드신청" /></strong>
						<p><img src="images/smallbanner_txt2_1.png" alt="언제 어디서나 즐거운 멤버십 카드" /></p>
					</li>
					<li class="bg3">
						<strong><img src="images/smallbanner_txt3.png" alt="가맹점찾기" /></strong>
						<p><img src="images/smallbanner_txt3_1.png" alt="원하시는 가맹점을 찾아보세요" /></p>
					</li>
					<li class="bg4">
						<strong><img src="images/smallbanner_txt4.png" alt="나의 포인트" /></strong>
						<p><img src="images/smallbanner_txt4_1.png" alt="내 포인트는 몇점? 알뜰살뜰한 혜택관리" /></p>
					</li>
					<li class="bg5">
						<strong><img src="images/smallbanner_txt5.png" alt="'별'전환" /></strong>
						<p><img src="images/smallbanner_txt5_1.png" alt="올레클럽 '별'을 오!포인트로 전환" /></p>
					</li>
					<li class="custCenter">
						<p><img src="images/img_customercenter.png" alt="오!포인트 고객센터 평일:9:00~18:00 토/일/공휴일휴무" /></p>
						<strong><img src="images/img_customerphone.png" alt="1899-0005" /></strong>
					</li>
				</ul>							
			</div>
			<div class="rightCont">				
				<!-- location menu -->
				<div class="location">
					<a class="home" href="#"><img src="images/ico/icon_home2.png" alt="HOME" /></a>
					<a href="#">오프라인매장</a>
					<span>가맹점 찾기</span>
				</div>
				<!-- // location menu -->
				<h3 class="title_sub">가맹점 찾기</h3>
				<div class="inputGroup_01 clB">
					<p class="title">원하시는 가맹점을 찾아 Oh! point의 혜택을 마음껏 즐겨보세요!</p>
					<div class="radioArea">
						<span class="btArea"><a href="#" class="btn_around"><img src="images/search/icon_shop.png" alt="내 주변 매장" /></a></span>
						<span class="m_r"><input type="radio" class="radio-styled" name="radio" id="radio1" value="" checked="checked" /><label for="radio1">지역선택</label></span>
						<span class="m_r"><input type="radio" class="radio-styled" name="radio" id="radio2" value="" /><label for="radio2">지하철역 주변</label></span>
						<span class="m_r"><input type="radio" class="radio-styled" name="radio" id="radio3" value="" /><label for="radio3">관심매장</label></span>
					</div>
					<!-- 지역선택 -->
					<div class="searchArea" style="display:none;"><!-- display:block으로 사용하세요 -->
						<div class="left">
							<div class="location_n">
								<span class="txt1">지역선택</span>
								<span class="fl mr10">
									<select style="width:111px;" title="시/도">
										<option>서울시</option>
									</select>
								</span>
								<span class="fl mr10">
									<select style="width:111px;" title="구">
										<option>용산구</option>
									</select>
								</span>
								<span class="fl">
									<select style="width:111px;" title="동">
										<option>한남동</option>
									</select>
								</span>
							</div>
							<div class="storeName">
								<span class="txt01"><label for="storeNameInput">가맹점 명</label></span>
								<span class="storeNameInput inputR fl"><input type="text" class="inputL" style="width:343px;" value="" name="" id="storeNameInput" title="가맹점 명" /></span>
							</div>
						</div>
						<div class="right"><a href="#"><img src="images/search/btn_search.png" alt="검색" /></a></div>
					</div>
					<!-- //지역선택 -->
					<!-- 지하철역 주변 -->
					<div class="searchArea" style="display:none;"><!-- display:block으로 사용하세요 -->
						<div class="left">
							<div class="location_n">
								<span class="txt1">지하철역 주변</span>
								<span class="fl mr10">
									<select style="width:111px;" title="노선">
										<option>수도권</option>
									</select>
								</span>
								<span class="fl mr10">
									<select style="width:111px;" title="라인">
										<option>1호선</option>
									</select>
								</span>
								<span class="fl">
									<select style="width:111px;" title="역이름">
										<option>가능역</option>
									</select>
								</span>
							</div>
							<div class="storeName">
								<span class="txt01"><label for="storeNameInput">가맹점 명</label></span>
								<span class="storeNameInput1 inputR fl"><input type="text" class="inputL" style="width:343px;" value="" name="" id="storeNameInput1" title="가맹점 명" /></span>
							</div>
						</div>
						<div class="right"><a href="#"><img src="images/search/btn_search.png" alt="검색" /></a></div>
					</div>
					<!-- //지하철역 주변 -->
					<!-- 관심매장 -->
					<div class="searchArea" style="display:block;"><!-- display:none으로 가릴 수 있습니다. -->
						<div class="left">
							<div class="location_n">
								<p class="schMsg">로그인 하시면 내 관심지역을 설정하실 수 있습니다.</p>
							</div>							
						</div>
						<div class="right"><a href="#"><img src="images/search/btn_search.png" alt="검색" /></a></div>
					</div>
					<!-- //관심매장 -->
				</div>			
				<!-- 2014-05-23 가맹점명 수정 -->
				<div class="sear_tab_box" >
					<ul>
						<li class="first"><a href="#" class="on">ALL</a></li>
						<li><a href="#">쇼핑</a></li>
						<li><a href="#">외식/카페</a></li>
						<li><a href="#" >생활</a></li>
						<li><a href="#">문화/레저</a></li>
						<li class="last"><a href="#">자동차</a></li>
					</ul>
				</div>
				<!-- //2014-05-23 가맹점명 수정 -->
				<p class="sear_top_txt01">가맹점 검색결과 <span>(20)</span></p>
				<!-- 2014-05-23 전체적인 ui변경 --> 
				<div class="box14Btm">
					<div class="box14Top">
						<ul class="shopList">
							<li>
								<p class="logoB"><!-- 2014-05-26 logoB로 클래스 수정-->
									<a href="#popup1" class="layer_call">
										<span class="heart">
											<img src="images/search/icon_heart_off.png" alt="" />
										</span>
										<span class="heartHover">
											관심매장<br />설정하기
										</span>
									</a>
								</p>
								<p class="mmt35">																
									<img src="images/search/brand01.png" alt="casamia" />
								</p>
								</p>
								<!-- 2014-05-23 주소, 가맹점명 두줄처리위한 높이값조절 -->
								<p class="fDeco6 mt16 h45 w225">(주)코리아세븐S 일레븐 스토어 이태원 1호점</p><!-- 2014-06-02 자동두줄처리위해 w225추가 -->
								<p class="mt5 lh16 h35 w225">서울 용산구 이태원동 127  B1-8호 이태원동 123번지</p><!-- 2014-06-02 자동두줄처리위해 w225추가 -->
								<p class="mt1 phoneNu">02-2127-5859</p>
								<p class="mt1 red02 bold saveA">15%사용 1%적립</p>								
								<div class="mt9">
									<span class="event"><a href="#popup1" class="layer_call"><img src="images/ico/icon_event.png" alt="event" /></a></span>
									<span class="btn_type15 fr"><a href="#map01">지도보기</a></span>
								</div>
								<!-- //2014-05-23 주소, 가맹점명 두줄처리위한 높이값조절 -->
							</li>
							<li>
								<p class="logoB"><!-- 2014-05-26 logoB로 클래스 수정-->
									<a href="#">
										<span class="heart">
											<img src="images/search/icon_heart_off.png" alt="" />
										</span>
										<span class="heartHover">
											관심매장<br />설정하기
										</span>
									</a>
								</p>
								<p class="mmt35">																
									<img src="images/search/brand02.png" alt="CGV" />
								</p>
								</p>
								<!-- 2014-05-23 주소, 가맹점명 두줄처리위한 높이값조절 -->
								<p class="fDeco6 mt16 h45 w225">CGV 용산점</p><!-- 2014-06-02 자동두줄처리위해 w225추가 -->
								<p class="mt5 lh16 h35 w225">서울 용산구 이태원동 127  B1-8호 이태원동 123번지</p><!-- 2014-06-02 자동두줄처리위해 w225추가 -->
								<p class="mt1 phoneNu">02-2127-5859</p>
								<p class="mt1 red02 bold saveA">15%사용 1%적립</p>
								<div class="mt9">									
									<span class="btn_type15 fr"><a href="#map01">지도보기</a></span>
								</div>
								<!-- //2014-05-23 주소, 가맹점명 두줄처리위한 높이값조절 -->
							</li>
							<li class="last">
								<p class="logoB"><!-- 2014-05-26 logoB로 클래스 수정-->
									<a href="#">
										<span class="heart_last">
											<img src="images/search/icon_heart_off.png" alt="" />
										</span>	
										<span class="heartHover_last">
											관심매장<br />설정하기
										</span>
									</a>
								</p>
								<p class="mmt35">																
									<img src="images/search/brand03.png" alt="e-mart" />
								</p>
								</p>
								<!-- 2014-05-23 주소, 가맹점명 두줄처리위한 높이값조절 -->
								<p class="fDeco6 mt16 h45 w225">이마트 응암점</p><!-- 2014-06-02 자동두줄처리위해 w225추가 -->
								<p class="mt5 lh16 h35 w225">서울 용산구 이태원동 127  B1-8호 이태원동 123번지</p><!-- 2014-06-02 자동두줄처리위해 w225추가 -->
								<p class="mt1 phoneNu">02-2127-5859</p>
								<p class="mt1 red02 bold saveA">15%사용 1%적립</p>
								<div class="mt9">									
									<span class="btn_type15 fr"><a href="#map01">지도보기</a></span>
								</div>
								<!-- //2014-05-23 주소, 가맹점명 두줄처리위한 높이값조절 -->
							</li>
						</ul>
						<ul class="shopList">
							<li>
								<p class="logoB"><!-- 2014-05-26 logoB로 클래스 수정-->
									<a href="#popup1" class="layer_call">
										<span class="heart">
											<img src="images/search/icon_heart_off.png" alt="" />
										</span>
										<span class="heartHover">
											관심매장<br />설정하기
										</span>
									</a>
								</p>
								<p class="mmt35">																
									<img src="images/search/brand04.png" alt="" />
								</p>
								<!-- 로고클릭했을때 보여지는 Product -->
								<div class="show_product" style="display:none;">
									<p class="arrTop02"><img src="images/ico/icon_arrow_up4.png" alt="" /></p>
									<div class="produc01">
										<span class="produc_txt">까사미아</span>
										<span class="produc_img"><img src="images/ico/icon_event.png" alt="" class="mmt5" /></span>
										<p class="produc_desc">최대 <span class="bold">5%</span>차감할인<br />결제금액 <span class="bold">1%</span>추가적립</p>
									</div>
									<div class="produc02">
										<p><img src="images/search/txt01.png" alt="포인트 사용시" /></p>
										<p class="mt8 lh18">최대 <span class="bold">20% 차감할인</span> + <br />실 결제금액의 1% 추가 적립<br />(단, 건당 최대 4만 포인트까지 사용가능)</p>
									</div>
									<div class="produc03">
										<p><img src="images/search/txt02.png" alt="포인트 적립시" /></p>
										<p class="mt8">결제금액의 <span class="bold">1% 적립</span></p>
										<p class="fix">
											<p class="fl">
												<p class="mt16"><img src="images/search/txt03.png" alt="관련제휴카드" /></p>
												<p class="mt8 under">DROPTOP&Oh!point카드</p>
											</p>
											<p class="fr mmt35">
												<img src="images/search/img_scard.png" alt="" />
											</p>
										</p>
									</div>
								</div>
								<!-- //로고클릭했을때 보여지는 Product -->
								</p>
								<!-- 2014-05-23 주소, 가맹점명 두줄처리위한 높이값조절 -->
								<p class="fDeco6 mt16 h45 w225">키자니아</p><!-- 2014-06-02 자동두줄처리위해 w225추가 -->
								<p class="mt5 lh16 h35 w225">서울 용산구 이태원동 127  B1-8호 이태원동 123번지</p><!-- 2014-06-02 자동두줄처리위해 w225추가 -->
								<p class="mt1 phoneNu">02-2127-5859</p>
								<p class="mt1 red02 bold saveA">15%사용 1%적립</p>
								<div class="mt9">
									<span class="event"><a href="#popup1" class="layer_call"><img src="images/ico/icon_event.png" alt="event" /></a></span>
									<span class="btn_type15 fr"><a href="#map01">지도보기</a></span>
								</div>								
								<!-- //2014-05-23 주소, 가맹점명 두줄처리위한 높이값조절 -->
							</li>
							<li>
								<p class="logoB"><!-- 2014-05-26 logoB로 클래스 수정-->									
									<span class="heart">
										<img src="images/search/icon_heart_on.png" alt="" />
									</span>										
								</p>
								<p class="mmt35">																
									<img src="images/search/brand05.png" alt="" />
								</p>
								</p>
								<!-- 2014-05-23 주소, 가맹점명 두줄처리위한 높이값조절 -->
								<p class="fDeco6 mt16 h45 w225">금강제화 이태원점</p><!-- 2014-06-02 자동두줄처리위해 w225추가 -->
								<p class="mt5 lh16 h35 w225">서울 용산구 이태원동 127  B1-8호 이태원동 123번지</p><!-- 2014-06-02 자동두줄처리위해 w225추가 -->
								<p class="mt1 phoneNu"></p>
								<p class="mt1 red02 bold saveA">15%사용 1%적립</p>
								<div class="mt9">
									<span class="event"><a href="#popup1" class="layer_call"><img src="images/ico/icon_event.png" alt="event" /></a></span>
									<span class="btn_type15 fr"><a href="#map01">지도보기</a></span>
								</div>
								<!-- //2014-05-23 주소, 가맹점명 두줄처리위한 높이값조절 -->
							</li>
							<li class="last">
								<p class="logoB"><!-- 2014-05-26 logoB로 클래스 수정-->									
									<span class="heart_last">
										<img src="images/search/icon_heart_on.png" alt="" />
									</span>									
								</p>
								<p class="mmt35">																
									<img src="images/search/brand06.png" alt="" />
								</p>
								</p>
								<!-- 2014-05-23 주소, 가맹점명 두줄처리위한 높이값조절 -->
								<p class="fDeco6 mt16 h45 w225">핫트랙스</p>
								<p class="mt5 lh16 h35 w225">서울 용산구 이태원동 127  B1-8호 이태원동 123번지</p>
								<p class="mt1 phoneNu">02-2127-5859</p>
								<p class="mt1 red02 bold saveA">15%사용 1%적립</p>
								<div class="mt9">									
									<span class="btn_type15 fr"><a href="#map01">지도보기</a></span>
								</div>
								<!-- //2014-05-23 주소, 가맹점명 두줄처리위한 높이값조절 -->
							</li>
						</ul>
						<ul class="shopList bgN">
							<li>
								<p class="logoB"><!-- 2014-05-26 logoB로 클래스 수정-->
									<a href="#popup1" class="layer_call">
										<span class="heart">
											<img src="images/search/icon_heart_off.png" alt="" />
										</span>
										<span class="heartHover">
											관심매장<br />설정하기
										</span>
									</a>
								</p>
								<p class="mmt35">																
									<img src="images/search/brand07.png" alt="" />
								</p>
								</p>
								<!-- 2014-05-23 주소, 가맹점명 두줄처리위한 높이값조절 -->
								<p class="fDeco6 mt16 h45 w225">키자니아</p><!-- 2014-06-02 자동두줄처리위해 w225추가 -->
								<p class="mt5 lh16 h35 w225">서울 용산구 이태원동 127  B1-8호 이태원동 123번지</p><!-- 2014-06-02 자동두줄처리위해 w225추가 -->
								<p class="mt1 phoneNu">02-2127-5859</p>
								<p class="mt1 red02 bold saveA">15%사용 1%적립</p>
								<div class="mt9">									
									<span class="btn_type15 fr"><a href="#map01">지도보기</a></span>
								</div>
								<!-- //2014-05-23 주소, 가맹점명 두줄처리위한 높이값조절 -->
							</li>
							<li>
								<p class="logoB"><!-- 2014-05-26 logoB로 클래스 수정-->
									<a href="#">
										<span class="heart">
											<img src="images/search/icon_heart_off.png" alt="" />
										</span>
										<span class="heartHover">
											관심매장<br />설정하기
										</span>
									</a>
								</p>
								<p class="mmt35">																
									<img src="images/search/brand08.png" alt="" />
								</p>
								</p>
								<!-- 2014-05-23 주소, 가맹점명 두줄처리위한 높이값조절 -->
								<p class="fDeco6 mt16 h45 w225">CGV 용산점</p><!-- 2014-06-02 자동두줄처리위해 w225추가 -->
								<p class="mt5 lh16 h35 w225">서울 용산구 이태원동 127 </p><!-- 2014-06-02 자동두줄처리위해 w225추가 -->
								<p class="mt1 phoneNu">02-2127-5859</p>
								<p class="mt1 red02 bold saveA">15%사용 1%적립</p>
								<div class="mt9">
									<span class="event"><a href="#popup1" class="layer_call"><img src="images/ico/icon_event.png" alt="event" /></a></span>
									<span class="btn_type15 fr"><a href="#map01">지도보기</a></span>
								</div>
								<!-- //2014-05-23 주소, 가맹점명 두줄처리위한 높이값조절 -->
							</li>							
						</ul>
					</div>
				</div>
				<!-- //2014-05-23 전체적인 ui변경 -->
				<!-- 2014-05-23 맵 레이어추가 -->
				<div id="map01" class="sear_map_box">
					<div class="slayer_wrap">
						<div class="slayer_top"></div> 
						<div class="slayer_mid"> 
							<!-- 2014-05-26 heart삭제 <span class="slayer_heart"><img src="images/search/icon_heart_off.png" alt="" /></span> //-->
							키자니아<br />
							<span class="fDeco3">이태원역점</span>
						</div> 
						<div class="slayer_btm"></div> 
					</div>
					<!-- 2014-05-26 oh이미지로 교체 -->
					<div class="icon_various">
						<img src="images/ico/icon_oh1.png" alt="Oh!" />
					</div>
					<!-- //2014-05-26 oh이미지로 교체 -->
					<img src="images/search/map.png" alt="" />
				</div>
				<!-- //2014-05-23 맵 레이어추가 -->
				<div class="cont">
					<img style="display:none;" src="images/@img_cont03.png" alt="" />
				</div>	
				<!-- //컨텐츠영역 종료 -->
			</div>
		</div>
		<?include "include/footer.html"?>
		</div>
	</div>
<!-- 2014-05-15 layerpopup추가 -->
<div id="popup1" class="layer_popup" ><!-- 기본 설정 display:none 필요 -->						
	<div class="pop_wrap_ty1">
		<div class="tit_area">
			<p class="tit">이벤트</p>
			<p class="btn_close"><a href="#" class="layer_close"><img src="images/myoh/btn_pop_close.png" alt="닫기" /></a></p>
		</div>
		<div class="cont_area">
			<p class="txt02">지금 구두사면 한 켤레 더 드려요.</p>
			<p class="btn_c mt26"><a href="#"><img src="images/search/btn_pop_ok.png" alt="확인" /></a></p>
		</div>
		<div class="btm_area"></div>
	</div>
</div>
<!-- //2014-05-15 layerpopup추가 -->
</body>
</html>